$(() => {

  // 文章类别管理
  // console.log(1);
  function init() {
    $.ajax({
      type: "get",
      url: bignews.category_list,
      success: function (res) {
        // console.log(res);
        // 调用template 方法
        const htmlStr = template('list', res)
        // 渲染到页面
        $('tbody').html(htmlStr)
      }
    });
  }
  init()




  // 监听模态框新增按钮
  $('.btn-primary').on('click', function () {
    // console.log(1);
    const name = $('#name').val()
    const slug = $('#slug').val()
    $.ajax({
      type: "post",
      url: bignews.category_add,
      data: { name, slug },
      success: function (res) {
        // console.log(res);
        // 创建成 隐藏模态框
        // $('#myModal').modal('hide')
        // 新增成功后 刷新页面
        // window.location.reload()
        // 清空表单  重置表单
        // $('#myForm')[0].reset()
        // 隐藏模态框
        $('.modal').modal('hide')
        // 重置表单
        $('#myForm')[0].reset()
        // 调用函数 渲染到页面
        init()
      }
    });
  })



  // 点击删除 按钮是动态生成的 需要事件委托绑定
  $('body').on('click', '.btn-danger', function () {
    // console.log(1);
    $.ajax({
      type: "post",
      url: bignews.category_delete,
      // 获取当前ID  $(this).data('id')
      data: { id: $(this).data('id') },
      success: function (res) {
        // console.log(res);
        // 删除成功 重新加载页面
        init()

      }
    });
  })



  // 点击编辑 按钮是动态生成的 需要事件委托绑定

  $('body').on('click', '.btn-info', function () {
    // console.log(1);
    // 点击时弹出模态框
    $('.modal').modal('show')
    // 修改文字
    $('#myModalLabel').text('编辑分类')
    $('.btn-primary').text('编辑')

    // 我们编辑按钮 已经预先存储了
    $('#name').val($(this).data('name'))
    $('#slug').val($(this).data('slug'))

  })

})

